<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>飞来飞去</title>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script src="index003/duilu.js"></script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        html {
            overflow-x: hidden;
        }

        body {
            font-family: "Microsoft YaHei", Arial, sans-serif;
            background: url(index003/bg.jpg);
        }

        .extra0, .extra1, .extra2, .extra3, .extra4, .extra5 {
            position: absolute;
            z-index: 2;
            background: url(index003/img_extra.png) no-repeat;
            width: 135px;
            height: 171px;
            cursor: pointer;
        }

        .extra1 {
            background-position: -135px 0;
            width: 135px;
            height: 148px;
        }

        .extra2 {
            background-position: -265px 0;
            width: 135px;
            height: 98px;
        }

        .extra3 {
            background-position: -400px 0;
            width: 102px;
            height: 61px;
        }

        .extra4 {
            background-position: -505px 0;
            width: 99px;
            height: 49px;
        }

        .extra5 {
            background-position: -605px 0;
            width: 103px;
            height: 60px;
        }

        .extratip0, .extratip1, .extratip2, .extratip3, .extratip4 {
            position: absolute;
            background: url(index003/img_extra.png) no-repeat -710px 0;
            width: 35px;
            height: 27px;
        }

        .extratip1 {
            background-position: -710px -27px;
        }

        .extratip2 {
            background-position: -710px -54px;
        }

        .extratip3 {
            background-position: -710px -81px;
        }

        .extratip4 {
            background-position: -710px -108px;
        }

        #info {
            position: absolute;
            bottom: 15px;
            right: 15px;
            font-size: 12px;
            color: #FFF;
        }

        #info a {
            text-decoration: none;
            color: #FFF;
        }
    </style>
</head>
<body>

<div id="extra1">
    <span style="right: auto; -webkit-transform: scaleX(-1);" class=""></span>
</div>
<div id="extra2">
    <span style="right: auto; -webkit-transform: scaleX(-1);" class=""></span>
</div>
<div id="extra3">
    <span style="right: auto; -webkit-transform: scaleX(-1);" class=""></span>
</div>
<div id="extra4">
    <span style="right: auto; -webkit-transform: scaleX(-1);" class=""></span>
</div>
<div id="extra5">
    <span style="right: auto; -webkit-transform: scaleX(-1);" class=""></span>
</div>

</body>
